<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>注册 - 众用助手</title>
    <link rel="stylesheet" href="static/front/reg/css/step-1.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-bd">
            <!-- logo -->
            <h1 class="header-logo">
                <a href="http://zhongyongapp.shikee.com/">
                    <img src="./static/front/reg/img/logo.png" alt="众用助手" width="285" height="45" />
                </a>
            </h1>

            <!-- 菜单 -->
            <span class="header-nav">
                <a href="#">首页</a>|<a href="#">关于众用助手</a>
            </span>
        </div>
    </div>

    <!-- 主体 -->
    <div class="content">
        <!-- 用户类型选项 -->
        <ul class="tab">
            <li class="tab-input-txt tab-cur">
                <i class="iconfont">&#xe657;</i>体验者注册
                <span class="tab-cur-arrow"></span>
            </li>
            <li class="tab-input-txt">
                <i class="iconfont">&#x0076;</i>开发者注册
                <span class="tab-cur-arrow"></span>
            </li>
        </ul>

        <!-- 注册进度条 -->
        <ul class="step">
            <li class="step-cur">
                <div class="step-line"></div>
                <div class="step-icon">
                    <i class="iconfont">&#xe659;</i>
                    <span>填写注册信息</span>
                </div>
            </li>
            <li class="">
                <div class="step-line"></div>
                <div class="step-icon">
                    <i class="iconfont">&#xe660;</i>
                    <span>验证账号信息</span>
                </div>
            </li>
            <li class="">
                <div class="step-line"></div>
                <div class="step-icon">
                    <i class="iconfont">&#xe661;</i>
                    <span>注册成功</span>
                </div>
            </li>
            <li class="">
                <div class="step-line"></div>
            </li>
        </ul>

        <!-- 注册表单 -->
        <div class="form">
            <form>
                <input type="hidden" name="utype" value="1" />
                <ul class="form-list">
                    <li class="form-reginfo err">
                        <i class="iconfont">&#x0055;</i>
                        <input type="text" name="" placeholder="手机号/邮箱/会员名" />
                        <span class="tips">
                            <em class="iconfont">&#xe663;</em>
                            <span>您注册的用户名已被注册，请重新更换新的用户名。</span>
                        </span>
                    </li>
                    <li class="form-reginfo">
                        <i class="iconfont">&#x0056;</i>
                        <input type="text" name="" placeholder="密码" />
                        <span class="tips">
                            <em class="iconfont">&#xe662;</em>
                            <span>您注册的用户名已被注册，请重新更换新的用户名。</span>
                        </span>
                    </li>
                    <li class="form-reginfo">
                        <i class="iconfont">&#x0056;</i>
                        <input type="text" name="" placeholder="确认密码" />
                        <span class="tips">
                            <em class="iconfont">&#xe662;</em>
                            <span>您注册的用户名已被注册，请重新更换新的用户名。</span>
                        </span>
                    </li>
                    <li class="form-reginfo">
                        <i class="iconfont">&#x0055;</i>
                        <input type="text" name="" placeholder="请输入推荐人用户名(如果没有可不填)" />
                        <span class="tips">
                            <em class="iconfont">&#xe662;</em>
                            <span>您注册的用户名已被注册，请重新更换新的用户名。</span>
                        </span>
                    </li>
                    <li class="form-reginfo vcode">
                        <i class="iconfont">&#xe656;</i>
                        <input class="" type="text" name="" placeholder="验证码" />
                        <img src="./%E9%AA%8C%E8%AF%81%E7%A0%81.jpg" alt="验证码">
                        <span class="tips">
                            <em class="iconfont">&#xe662;</em>
                            <span>您注册的用户名已被注册，请重新更换新的用户名。</span>
                        </span>
                    </li>
                    <li class="form-clause">
                        <label>
                            <input type="checkbox" /> 我已阅读协议，知悉并认可协议条款用
                            <a href="#">《户使用协议》</a>
                        </label>
                    </li>
                    <li class="form-btn">
                        <input class="ok" type="submit" value="立即注册" />
                    </li>

                </ul>
            </form>
        </div>

        <!-- 登录 -->
        <div class="login">
            <p>
                <span>已有众用助手帐号？</span>
                <a href="#">马上登录</a>
                <img src="./static/common/img/qrcode.png" alt="众用助手客户端二维码" width="105" height="105" />
            </p>
        </div>
    </div>

    <!-- 脚部 -->
    <div class="footer">
        <div class="footer-bd">
            <!-- 菜单 -->
                <p class="footer-nav">
                    <a href="#">关于众用助手</a>
                    |
                    <a href="#">新手向导</a>
                    |
                    <a href="#">意见反馈</a>
                </p>
                <p class="footer-copyright">
                     Copyright&nbsp;&copy;&nbsp;2006-2014&nbsp;mobile.com&nbsp;版权所有&nbsp;&nbsp;桂ICP备07009935号&nbsp;&nbsp;
                </p>
        </div>
    </div>
</body>

</html>